home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 March / PCWMAR09.iso / Software / Resources / Chat & Communication / Gizmo Project 4.0.4 / WinGizmoInstall.exe / message_styles / Stockholm / main.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2007-03-13  |  5.4 KB  |  339 lines
  1. body {
  2.     margin:0;
  3.     padding:0;
  4.     color: #141414;
  5.     background-color: #FFF;
  6. }
  7. p {
  8.     margin: 0;
  9.     padding: 0;
  10.     
  11.     overflow: auto;
  12. }
  13.  
  14. a:link, {
  15.     color: #0033CC;
  16. }
  17.  
  18. img {
  19.     border:    none;
  20. }
  21.  
  22. .container {
  23.     margin: 0 2px 0 6px;
  24.     padding-bottom:4px;
  25.     position: relative;
  26.     clear: both;
  27. }
  28. .contents_left {
  29.     float: left;
  30.     margin 0px;
  31.     width:39px;
  32.     padding: 3px 0px 0px 0px;
  33. }
  34. .contents_right {
  35.     width:auto;
  36.     margin: 11px 5px 0px 39px;
  37.     position: relative;
  38. }
  39. .contents_right[background="Incoming/buddy_icon.png"],
  40. .contents_right[background="Outgoing/buddy_icon.png"] {
  41.     margin: 11px 5px 0px 0px !important;
  42. }
  43.  
  44.  
  45. /* ICON */
  46.  
  47.  
  48. .iconsubstitute[background="Incoming/buddy_icon.png"],
  49. .iconsubstitute[background="Outgoing/buddy_icon.png"] {
  50.     display: none;
  51. }
  52.  
  53. .buddyicon {
  54.     height: 38px;
  55.     width: 38px;
  56.     background: #FFF;
  57.     border: 0px;
  58.     z-index: 1 !important;
  59.     position: absolute;
  60.     left:1px;
  61.     top:1px;
  62. }
  63.  
  64. .fadedimage {
  65.     opacity:0.5;
  66.     filter:alpha(opacity=50);
  67. }
  68.  
  69. .iconoverlay {
  70.     height: 41px;
  71.     width: 39px;
  72.     background: url("images/icon_overlay.png") top right no-repeat;
  73.     z-index: 2 !important;
  74.     position: absolute;
  75.     left:0px;
  76.     top:0px;
  77.  
  78. }
  79.  
  80. /* HEADER */
  81.  
  82. .header {
  83.     height:21px;
  84.     color: #FFF;
  85.     font-weight:bold;
  86.     text-shadow: #555555 2px 2px 2px;
  87. }
  88.  
  89. .sender {
  90.     padding:2px 30px 0 7px;
  91.     overflow:hidden;
  92.     height:15px;
  93.     font-size:12px;
  94. }
  95.  
  96. .time {
  97.     position: absolute;
  98.     right:6px;
  99.     top:2px;
  100.     font-size:12px;
  101. }
  102.  
  103. /* MESSAGE */
  104.  
  105. .message {
  106.     background-color: #F0F0F0;
  107. }
  108.  
  109. .message_top {
  110.     position: relative;
  111.     overflow:hidden;
  112. }
  113.  
  114. .message_left {
  115.     background: url("images/message_left.png") top right repeat-y;
  116.     width:2px;
  117.     height: 100%;
  118.     position: absolute;
  119.     left: 0px;
  120.     top:21px;
  121. }
  122.  
  123. .message_right {
  124.     background: url("images/message_right.png") top right repeat-y;
  125.     width:3px;
  126.     height: 100%;
  127.     position: absolute;
  128.     right: 0px;
  129.     top:21px;
  130. }
  131.  
  132. .text, .text_ctx {
  133.     line-height: 1.3em;
  134.     padding: 1px 10px 1px 8px;
  135.     margin-left: 1px;
  136.     margin-right: 1px;
  137. }
  138.  
  139. .text_ctx {
  140.     color: #979797 !important;
  141. }
  142.  
  143. .message_bottom {
  144.     position: relative;
  145. }
  146.  
  147. .message_bottomleft {
  148.     background: url("images/message_bottomleft.png") top right no-repeat;
  149.     width:3px;
  150.     height:4px;
  151.     position: absolute;
  152.     left:-1px;
  153. }
  154.  
  155. .message_bottomcenter {
  156.     background: url("images/message_bottom.png") bottom left repeat-x;
  157.     height: 4px;
  158.     position: absolute;
  159.     right:3px;
  160.     left:2px;
  161. }
  162.  
  163. .message_bottomright {
  164.     background: url("images/message_bottomright.png") top right no-repeat;
  165.     width:3px;
  166.     height:4px;
  167.     position: absolute;
  168.     right:0px;
  169. }
  170.  
  171. /* STATUS */
  172.  
  173. .status_container {
  174.     margin:11px 2px 0px 6px;
  175.     position:relative;
  176.     clear:both;
  177. }
  178.  
  179. .status__r_top {
  180.     position: relative;
  181. }
  182.  
  183. .status_r_topcorner {
  184.     background: url("images/status_r_topcorner.png") top right no-repeat;
  185.     width:3px;
  186.     height:3px;
  187.     position: absolute;
  188.     right:5px;
  189.     top:0px;
  190. }
  191. .status_r_top {
  192.     background: url("images/status_r_top.png") top right repeat-x;
  193.     height:3px;
  194.     position: absolute;
  195.     right:8px;
  196.     left:39px;
  197.     top:0px;
  198. }
  199.  
  200. .status_l_topcorner {
  201.     background: url("images/status_l_topcorner.png") top left no-repeat;
  202.     width:3px;
  203.     height:3px;
  204.     position: absolute;
  205.     left:0px;
  206.     top:0px;
  207. }
  208. .status_l_top {
  209.     background: url("images/status_l_top.png") top right repeat-x;
  210.     height:3px;
  211.     width:36px;
  212.     position: absolute;
  213.     left:3px;
  214.     top:0px;
  215. }
  216.  
  217. .status__r_bottom {
  218.     position: relative;
  219. }
  220.  
  221. .status_r_bottomcorner {
  222.     background: url("images/status_r_bottomcorner.png") top right no-repeat;
  223.     width:3px;
  224.     height:3px;
  225.     position: absolute;
  226.     right:5px;
  227.     bottom:-1px;
  228. }
  229. .status_r_bottom {
  230.     background-color: #E4E4E4;
  231.     height:1px;
  232.     position: absolute;
  233.     right:8px;
  234.     left:39px;
  235. }
  236.  
  237. .status_l_bottomcorner {
  238.     background: url("images/status_l_bottomcorner.png") top right no-repeat;
  239.     width:3px;
  240.     height:3px;
  241.     position: absolute;
  242.     left:0px;
  243.     bottom:-1px;
  244. }
  245. .status_l_bottom {
  246.     background: url("images/status_l_bottom.png") top right repeat-x;
  247.     height:3px;
  248.     width:36px;
  249.     position: absolute;
  250.     left:3px;
  251.     bottom:-1px;
  252. }
  253.  
  254. .status_leftside {
  255.     background: url("images/status_leftside.png") top right repeat-y;
  256.     width:39px;
  257.     position: absolute;
  258.     left: 0px;
  259.     top:3px;
  260.     bottom:2px;
  261. }
  262.  
  263. .status_rightside {
  264.     background: url("images/status_rightside.png") top right repeat-y;
  265.     width:3px;
  266.     position: absolute;
  267.     right: 5px;
  268.     top:3px;
  269.     bottom:2px;
  270. }
  271.  
  272. .status_left {
  273.     color:#FFF;
  274.     font-size:9.5px;
  275.     width:36px;
  276.     text-align:center;
  277.     float: left;
  278.     font-weight:bold;
  279.     position: absolute;
  280.     left: 2px;
  281.     top:4px;
  282. }
  283. .status_right {
  284.     background:#F0F0F0;
  285.     color:#787878;
  286.     font-size:9.5px;
  287.     min-height:15px;
  288.     margin: 0px 8px 0px 39px;
  289.     padding:4px 7px 0px 7px;
  290.     text-align:left;
  291. }
  292. .status_bump {
  293.     height:3px;
  294. }
  295.  
  296. /* NEXT */
  297.  
  298. .combine {
  299.     margin-top: 3px;
  300.     padding-top: 2px;
  301.     border-top: 1px solid #DDDDDD;
  302. }
  303.  
  304.  
  305.  
  306. /* CONTEXT */
  307.  
  308. .header_ctx_left {
  309.     background: url("images/ctx_left.png") top right no-repeat;
  310.     width:2px;
  311.     height:21px;
  312.     position: absolute;
  313.     left:0px;
  314.     top:0px;
  315. }
  316.  
  317. .header_ctx_center {
  318.     background: url("images/ctx_fill.png") top right repeat-x;
  319.     height:21px;
  320.     position:absolute;
  321.     left:2px;
  322.     right:3px;
  323.     top:0px;
  324. }
  325.  
  326. .header_ctx_right {
  327.     background: url("images/ctx_right.png") top right no-repeat;
  328.     width:4px;
  329.     height:21px;
  330.     position: absolute;
  331.     right:0px;
  332.     top:0px;
  333. }
  334.  
  335.  
  336. #contents {
  337.     overflow: hidden;
  338.     padding-bottom: 10px;
  339. }